
    .content {
        width: 1200px;
        margin: 0 auto;
    }
    /*.header .conent { width: 1340px; }*/
    
    .header .content {
        width: 1200px;
        position: relative;
    }
    
    .header {
        position: relative;
        position: fixed;
        z-index: 99;
        border-bottom: 1px solid rgba(255, 255, 255, .15);
        width: 100%;
        height: 112px;
        transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    }
    
    .h_con {
        clear: both;
    }
    
    .header .logo {
        float: left;
        padding-top: 19px;
    }
    
    .header .logo img {
        width: 176px;
    }
    
    .header .logo img.stick-logo {
        display: none;
    }
    
    .header .h_con .logo {
        float: left;
        padding-top: 13px;
        width: 140px;
    }
    
    .header .site {
        position: absolute;
        height: 40px;
        right: -100px;
        top: 12px;
        z-index: 1;
    }
    
    .header .site a {
        float: left;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        color: #fff;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    
    .header .site a:hover {
        color: #FEE703;
    }
    
    .header .site a:first-of-type {
        margin-right: 15px;
        position: relative;
    }
    
    .header .site a:first-of-type:after {
        content: "";
        position: absolute;
        width: 2px;
        background: #fff;
        top: 13px;
        bottom: 12px;
        right: -9px;
        z-index: 1;
        opacity: 0.8;
    }
    
    .header .menu {
        width: 77%;
        float: right;
        position: relative;
    }
    
    .header .menu .nav>li {
        position: relative;
        float: left;
        margin-left: 15px;
        padding-bottom: 11px;
    }
    
    .header .menu .nav>li>a {
        display: block;
        padding: 0 9px;
        color: #fff;
        text-align: center;
        line-height: 62px;
        box-sizing: border-box;
        transition: .3s ease;
        font-size: 18px;
        position: relative;
    }
    
    .header .menu .nav>li>a:after {
        position: absolute;
        content: "";
        width: 0;
        height: 1px;
        background: #FEE703;
        bottom: -11px;
        left: 0;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    
    .header .menu .nav>li:first-child {
        margin-left: 0;
    }
    
    .header .menu .nav>li:hover>a,
    .header .menu .nav>li.cur>a {
        color: #FEE703;
    }
    
    .header .menu .nav>li:hover>a:after,
    .header .menu .nav>li.cur>a:after {
        width: 100%;
    }
    
    .search {
        display: block;
        width: 23px;
        height: 61px;
        cursor: pointer;
        padding-left: 8px;
        position: relative;
        float: right;
    }
    
    .s_key {
        position: absolute;
        right: 30px;
        top: 0;
        width: 926px;
        height: 61px;
        z-index: 9;
        display: none;
    }
    
    .s_key #keywords {
        width: 871px;
        height: 61px;
        line-height: 61px;
        padding-left: 4px;
        border: none;
        font-size: 14px;
        color: #fff;
        float: right;
        background: none;
    }
    
    .s_key .sub {
        width: 50px;
        height: 61px;
        background: url(images/s_btn.png) no-repeat left 22px;
        border: none;
        cursor: pointer;
    }
    
    .sea_btn_open,
    .sea_btn_close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 24px 3px 12px;
        cursor: pointer;
    }
    
    .sea_btn_close {
        display: none;
        text-align: right;
        z-index: 9;
    }
    
    .fav {
        padding-top: 20px;
        overflow: hidden;
        height: 20px
    }
    
    .fav .h_links {
        margin-top: 1px
    }
    
    .fav .h_links a {
        float: left;
        height: 17px;
        display: block;
        border-left: 1px solid rgba(207, 207, 207, .24)
    }
    
    .fav .h_links a img {
        display: inline-block;
        margin: 0 16px;
        opacity: .43;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }
    
    .fav .h_links a:after {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }
    
    .fav .h_links a:last-child {
        margin-right: 0
    }
    
    .fav .h_links a:last-child img {
        vertical-align: 2px
    }
    
    .fav .h_links a:hover img {
        opacity: 1
    }
    
    .fav .h_tel {
        padding-left: 31px;
        padding-right: 17px;
        font-size: 20px;
        line-height: 100%;
        color: rgba(255, 255, 255, .65);
        font-family: arial;
        background: url(images/h_tel.png) no-repeat left top
    }
    
    .submenu {
        position: absolute;
        left: 50%;
        top: calc(100% - 1px);
        transform: translateX(-50%);
        background: rgba(255, 255, 255, 1);
        display: none;
        box-shadow: rgba(0, 0, 0, .1) 0 0 10px;
        padding: 20px 24px 25px !important;
        padding: 30px !important;
        z-index: 99
    }
    
    .submenu:before {
        position: absolute;
        content: "";
        border-width: 8px 7px;
        border-style: solid;
        border-color: transparent transparent #fff;
        top: -16px;
        left: 50%;
        margin-left: -7px
    }
    
    .submenu a {
        /*transition: all .4s ease;*/
        display: block;
        font-weight: 400;
        padding: 0 20px;
        font-size: 16px;
        line-height: 48px;
        color: #333;
        color: #999;
        line-height: 40px;
        white-space: nowrap;
        position: relative;
        t
        /*ransition: ease .4s; -o-transition: ease .4s; */
    }
    
    .submenu a:last-child {
        border-bottom: 0
    }
    
    .submenu a:before {
        position: absolute;
        content: "";
        width: 7px;
        height: 7px;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        top: 14px;
        left: 0;
        transition: ease .4s;
        -o-transition: ease .4s;
        left: 0;
        top: 16px;
        /*left: -14px; opacity: 0 */
    }
    
    .submenu a:hover {
        background-color: #1165d3;
        color: #fff;
        padding: 0 15px 0 25px;
    }
    
    .submenu a:hover:before {
        border-color: #fff;
        left: 5px;
        /*    border-color: #1165d3; */
        /*left: 0; opacity: 1 */
    }
    
    .downmenu {
        display: none;
        opacity: 1;
        width: 1043px;
        width: 895px;
        width: 595px;
        height: 651px;
        height: 350px;
        position: relative;
        background: #fff;
        left: -315px;
        left: -265px;
        top: calc(100% - 1px);
        position: absolute;
        box-shadow: rgba(0, 0, 0, .1) 0 0 10px;
        z-index: 99;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .downmenu:before {
        position: absolute;
        content: "";
        border-width: 8px 7px;
        border-style: solid;
        border-color: transparent transparent #fff;
        top: -16px;
        left: 353px;
        left: 303px;
    }
    
    .downmenu .menu_title {
        width: 300px;
        height: 100%;
        width: 280px;
        float: left;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 182px 38px 0;
        padding: 175px 37px 0;
        border-right: 1px solid rgba(3, 0, 0, .14)
    }
    
    .downmenu .menu_title img {
        width: 80px;
        margin: 0 auto;
        display: block
    }
    
    .downmenu .menu_title strong {
        display: block;
        font-size: 32px;
        line-height: 52px;
        color: #000;
        margin: 30px 0 10px;
        font-weight: 400;
        font-size: 28px;
        line-height: 40px
    }
    
    .downmenu .menu_title span {
        display: block;
        font-size: 21px;
        line-height: 32px;
        color: #999;
        font-size: 18px;
        line-height: 28px
    }
    
    .downmenu ul {
        /* width: 687px; */
        /* width: 580px; */
        /* float: left; */
        /* margin-left: 21px; */
        /* margin-left: 25px; */
    }
    
    .downmenu ul li {
        padding-top: 12px;
        padding-left: 60px;
        position: relative;
        /* border-bottom: 1px solid rgba(3, 0, 0, .14); */
        overflow: hidden;
        padding-bottom: 10px;
        /* clear: both; */
        float: left;
        min-height: 310px;
    }
    
    .downmenu ul li img {
        position: absolute;
        left: 0;
        top: 18px;
        max-width: 100%;
        display: none;
    }
    
    .downmenu ul li a {
        display: block;
    }
    
    .downmenu ul li strong a:hover {
        color: #1165d3;
    }
    
    .downmenu ul li span a:hover {
        color: #fff;
        background: #1165d3;
        padding: 0 15px 0 25px;
    }
    
    .downmenu ul li strong {
        display: block;
        padding-top: 6px;
        /*font-weight: 400;*/
        margin-bottom: 9px;
        border-bottom: 1px solid #ddd;
    }
    
    .downmenu ul li strong a {
        font-size: 22px;
        color: #191919;
        font-size: 18px;
        line-height: 50px;
        -o-transition: all .4s ease;
        transition: all .4s ease
    }
    
    .downmenu ul li span {
        display: block;
        /* float: left; */
        /* margin-right: 28px; */
        /* margin-bottom: 15px; */
        /* margin-bottom: 10px; */
    }
    
    .downmenu ul li span a {
        font-size: 18px;
        line-height: 40px;
        color: #999;
        font-size: 16px;
        padding-left: 20px;
        position: relative;
        padding: 0 20px 0 20px;
    }
    
    .downmenu ul li span a:before {
        position: absolute;
        content: "";
        width: 7px;
        height: 7px;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        top: 16px;
        transition: ease .4s;
        -o-transition: ease .4s;
        left: 0;
    }
    
    .downmenu ul li span a:hover:before {
        border-color: #fff;
        left: 5px;
    }
    
    .downmenu ul li:last-child {
        border-bottom: 0
    }
    
    .downmenu ul li:last-child span {
        float: none
    }
    
    .header-stick {
        background: #1165d3;
        height: 72px;
        padding-top: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }
    
    .header-stick .fav {
        display: none;
    }
    
    .service_menu {
        width: 703px;
        height: 230px;
    }
    
    .service_menu ul li {
        min-height: auto;
    }
    
    .service_menu ul li:first-child strong,
    .service_menu ul li:nth-child(2) strong,
    .service_menu ul li:nth-child(3) strong {
        border-bottom: none;
    }
    
    .service_menu ul li:nth-child(2) {
        position: absolute;
        top: 50px;
    }
    
    .service_menu ul li:nth-child(3) {
        position: absolute;
        top: 100px;
    }
    
    .about_menu {
        width: 568px;
        height: 310px;
    }
    
    .about_menu ul li:first-child {
        width: 90px;
    }
    
    .about_menu ul li:nth-child(4) {
        position: absolute;
        top: 150px;
    }
    
    .about_menu ul li:nth-child(4) strong {
        border-bottom: none;
    }


     .fullSlide .bd li:first-child{
         background: #000e3d;
        background: url(images/banner.jpg) no-repeat center top;
        background-size:100% auto;
         line-height: 0;
         position: relative;
     }
     .fullSlide .bd li:first-child video{
        
         filter: brightness(0.5);
         -webkit-filter: brightness(0.5);
         
     }
      .fullSlide .bd li:first-child strong{
          display: block;
    color: #fff;
    font-size: 78px;
    text-align: center;
    top: 36%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    line-height: 134px;
    width: 1200px;
    /*font-weight: normal;*/
    letter-spacing: 6px;
      }
 

            .footer { height: 523px; background: #fff url(images/footer_bg1.png) no-repeat center bottom; }
            .footer .content{width: 1200px; margin:0 auto;}
            .footer i { font-weight: 400; font-style: normal; }
            .footer img { max-width: 100% }
            .f_logo { height: 128px; background: #004a8b }
            .f_logo .content { position: relative }
            .f_logo h3 { width: 237px; margin-right: 24px; margin-top: 63px }
            .f_logo .f_code { font-size: 16px; line-height: 24px; color: #fff; margin-top: 83px }
            .f_logo .f_icon { position: absolute; width: 96px; left: 50%; top: 0; margin-left: -48px }
            .f_logo .f_nav { text-align: right; margin-top: 80px }
            .f_logo .f_nav a { display: inline-block; font-size: 16px; line-height: 22px; color: #fff; margin-left: 56px }
            .f_logo .f_nav a img { display: inline-block; vertical-align: middle }
            .f_logo .f_nav a span { display: inline-block; vertical-align: middle; margin-left: 12px; -o-transition: all .3s ease; transition: all .3s ease }
            .f_logo .f_nav a:hover { font-weight: 700 }
            .f_con { height: 301px; padding-top: 94px }
            .f_menu { width: 260px }
            .f_menu h4 { font-size: 24px; line-height: 48px; color: #333; font-weight: 700; margin-bottom: 3px }
            .f_menu a { display: block; float: left; width: 100px; margin-right: 20px; font-size: 18px; line-height: 42px; color: #666; -o-transition: all .3s ease; transition: all .3s ease }
            .f_menu a:hover { color: #1165d3 }
            .f_contact { width: 558px; padding-left: 60px; position: relative }
            .f_contact:before, .f_contact:after { position: absolute; content: ""; width: 1px; height: 263px; background: rgba(153, 153, 153, .2); top: 0 }
            .f_contact:before { left: 0 }
            .f_contact:after { right: 0 }
            .f_tel { font-size: 0; line-height: 0; padding-top: 9px }
            .f_tel img { display: inline-block; width: 21px; margin-right: 9px; vertical-align: text-bottom }
            .f_tel span { display: inline-block; font-size: 18px; line-height: 100%; color: #494949; vertical-align: text-bottom }
            .f_tel strong { display: inline-block; font-size: 30px; line-height: 100%; color: #666; font-family: Verdana; font-weight: 400; vertical-align: sub }
            .f_company { font-size: 0; line-height: 0; margin: 20px 0 14px }
            .f_company strong { display: inline-block; font-size: 24px; line-height: 26px; color: #1165d3; vertical-align: text-bottom; margin-right: 20px; font-weight: 400 }
            .f_company span { display: inline-block; font-size: 18px; line-height: 20px; color: #666; vertical-align: text-bottom }
            .f_info { font-size: 18px; line-height: 34px; color: #666 }
            .f_info a{color: #666}
            .f_info span{margin: 0 10px;}
            .f_qr { width: 260px; background: url(images/qr_bg.png) no-repeat 0 19px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
            .f_qr img { width: 128px; height: 128px; padding: 5px; border: 1px solid #DCDCDC; border-radius: 5px; margin-left: 122px }
            .f_qr span { display: block; font-size: 16px; line-height: 24px; color: rgba(51, 51, 51, .7); margin-top: 11px }
            .clearfix:after { content: "."; height: 0; display: block; visibility: hidden; clear: both; }
        

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;display:none;
            
        }
        /*#client-2{*/
            
        /*}*/
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            /*display: none;*/
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            /*padding: 0 15px;*/
            padding-left:6px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #1165d3;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #1165d3;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    
